<template>
<div class="model-profile">
    <model-params></model-params>
    <template v-if="[4001].includes(id)">
        <cluster-center></cluster-center>
        <!-- <principal-analysis></principal-analysis> -->
    </template>
    <template v-if="[2001,2002,2003,2004,5001,5002].includes(id)">
        <model-features></model-features>
    </template>
    <template v-if="[2001,2002,2003,2004,5001,5002].includes(id)">
        <train-process></train-process>
    </template>
    <template v-if="[2001,2002,2003,2004,2005,4001,5001,5002].includes(id)">
        <model-train></model-train>
    </template>
</div>
</template>

<script>
import ModelParams from './ModelParams'
import ModelFeatures from './ModelFeatures'
import ModelTrain from './ModelTrain'
import TrainProcess from './TrainProcess'
import ClusterCenter from './ClusterCenter'
import {
    mapGetters
} from 'vuex'
export default {
    name: 'ModelReport', // 模型概要
    components: {
        ModelParams,
        ModelFeatures,
        ModelTrain,
        TrainProcess,
        ClusterCenter
    },
    computed: {
        ...mapGetters({
            modelDetail: 'common/getModelDetail'
        })
    },
    data () {
        return {
            id: null
        }
    },
    created () {
        this.id = this.modelDetail.algorithm.algorithmId
    }
}
</script>
